<div class="navtop row header-main">
    <ul id="nav" class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
        {% navtree 'default' %}
        {% for cate in navtree %}
        {% if cate.children %}
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{cate.name}}<span class="caret" ></span> </a>
            <ul class="dropdown-menu">
                {% for cateItem in cate.children %}
                {% if cateItem.children %}
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{cateItem.name}}</a>
                    <ul class="dropdown-menu">
                        {% for subCateItem in cateItem.children %}
                        <li><a href="{{cateItem.url}}">{{ subCateItem.name }}</a></li>
                        {% endfor %}
                    </ul>
                </li>
                {% else %}
                <li><a href="{{cateItem.url}}">{{ cateItem.name }}</a></li>
                {% endif %}
                {% endfor %}
            </ul>
        </li>
        {% else %}
        <li><a href="{{cate.url}}">{{cate.name}}</a></li>
        {% endif %}
        {% endfor %}
    </ul>
</div>